@import "../../less/@name";
.adList{
  &>div{
    background: @bg-white;
    //height:18em;
    margin-bottom: 0.5em;
    &>div{
      height:100%;
      &>h2{
        display: flex;
        font-size: @font-size-t;
        height: 40px;
        align-items: center;
        margin: 0 1em;
      }
      &>div{
        display: flex;
        height:80%;
      }
    }
  }
}
.typeFirst{
  display: flex;
  flex-direction:column;
  div{
    width:100%;
    height:50%;
    display: flex;
    flex-direction:row;
    a{
      width:50%;
      height:0;
      padding-bottom: 23%;
    }
  }
}
.typeSecond{
  div:nth-of-type(1){
    width:64%;
    height:100%;
    a{
      border-top: 1px solid @line;
      border-right:1px solid @line ;
      box-sizing: border-box;
      width:100%;
      height:0;
      padding-bottom: 36%;
    }
  }
  div:nth-of-type(2){
    width:36%;
    height:100%;
    a{
      border-top: 1px solid @line;
      box-sizing: border-box;
      width:100%;
      height:0;
      padding-bottom: 128%;
    }
  }
}
.typeThree{
  display: flex;
  flex-direction:column;
  div:nth-of-type(1){
    width:100%;
    height:50%;
    a{
      padding-bottom: 42%;
    }
  }
  div:nth-of-type(2){
    height:50%;
    width:100%;
    display: flex;
    flex-direction: row;
    a{
      border-top: 1px solid @line;
      border-left:1px solid @line ;
      width:50%;
      padding-bottom: 23%;
    }
  }
}